@import "./flex.scss";
//公共样式
page{
	width: 100%;
	height: 100%;
}
.page{
	width: 100%;
	height: 100%;
}
.a-page{
	width: 100%;
	height: 100vh;
}
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
view,
	text,
	cover-view,
	image,
	navigator {
		box-sizing: border-box;
	}
	image,img{
		display: block;
		width: 100%;
		height: 100%;
	}
	text {
		display: inline-block;
	}
//画圆
@mixin circle($num) {
	width: #{$num}rpx;
	height: #{$num}rpx;
	border-radius: 50%;
}
//用户头像样式
@mixin avatar($num) {
	@include circle(#{$num});
	overflow: hidden;
	image{
		width: 100%;
		height: 100%;
	}
}
//单行内容超出部分省略号显示
@mixin essipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
//button公共样式
@mixin button{
	width: max-content;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	&::after {
		display: none;
	}
}
//活动广场样式
@mixin active {
	.active-item {
		@include flex-r-start-center;
		background-color: #F8F8F8;
		padding: 18rpx 16rpx;
		margin: 0 0 24rpx;
	
		.left {
			width: 188rpx;
			height: 172rpx;
			position: relative;
	
			image {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				width: 100%;
				height: 100%;
			}
	
			.tag {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				color: #fff;
				font-size: 28rpx;
				padding: 0 14rpx;
				line-height: 40rpx;
			}
	
			.type {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				line-height: 34rpx;
				padding: 8rpx 0;
				text-align: center;
				color: #fff;
	
				text {
					position: relative;
					z-index: 2;
				}
	
				&::after {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					width: 100%;
					height: 100%;
					content: '';
					display: block;
					background-color: #000;
					opacity: 0.59;
				}
			}
		}
	
		.right {
			padding-left: 24rpx;
			color: #4A4A4A;
			font-size: 20rpx;
	
			.title {
				font-size: 28rpx;
				padding: 0 0 28rpx;
				line-height: 40rpx;
				font-weight: 600;
			}
	
			.partment,
			.time,
			.addr {
				line-height: 32rpx;
			}
		}
	}
}